<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>上传图片插件</title>
<style type="text/css">
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
i,p,h1,h2,h3,h4,h5,h6,hr,br,em,dl,dd,li,ul,ol,td,th,pre,form,body,input,strong,textarea,select,figcaption,figure{margin:0;padding:0}
em{font-style:normal}
li{list-style:none}
a{text-decoration:none}
img{border:0}
table{border-collapse:collapse}
textarea{resize:none;overflow:auto}
a,button{cursor:pointer}
.up-img-list .type-upimg{display:none}
textarea{outline:0;line-height:14px;padding-left:4px;padding-top:4px;border:1px solid #ccc;color:#444;font-size:14px;outline:0;text-align:left}
button{outline:0;border:0;font-family:微软雅黑,pingfang sc,"arial,helvetica,sans-serif"}
input{font-family:微软雅黑,pingfang sc,"arial,helvetica,sans-serif";outline:0}
a{outline:0}
a,button{cursor:pointer}
body{background:#f4f4f4;font-size:14px;font-family:微软雅黑,pingfang sc,"arial,helvetica,sans-serif";padding:20px;}
.clear{clear:both}
.clear:after{content:'';display:block;clear:both}
.loading{border:1px solid #d1d1d1;background:url(__STATIC__/images/loading.gif) no-repeat center}
.uploaded-container{padding:18px;border:2px dashed #e7e6e6}
.uploaded-container .up-img-list{width:120px;height:120px;position:relative;margin-right:20px;margin-bottom:20px;float:left;}
.uploaded-container .upload-button{width:120px;height:120px;background:url(__STATIC__/images/a11.png);background-size:cover;border:#ddd dashed 1px;position:relative;float:left;}
.upload-button .file{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:100;cursor:pointer;}
.up-img-list .close-upimg{position:absolute;top:6px;right:8px;display:none;z-index:10;background:url(__STATIC__/images/cls.png);width:30px;height:30px;}
.up-img-list .up-span{display:block;width:100%;height:100%;visibility:hidden;position:absolute;top:0;left:0;z-index:9;background:rgba(0,0,0,.5)}
.up-img-list:hover{border:2px solid #f15134}
.up-img-list:hover .close-upimg{display:block}
.up-img-list:hover .up-span{visibility:visible}
.uploaded-container .up-img{display:block;width:100%;height:100%}
.uploaded-container .iconfont{z-index:5;position:absolute;left:5px;top:5px;z-index:10;width:20px;height:20px;background-color:rgba(0,0,0,.5);cursor:pointer;color:#fff;text-align:center;line-height:20px;border-radius:2px;display:none;font-size:12px;font-weight:700}
.uploaded-container .iconfont.close{left:30px}
.uploaded-container .iconfont.magnify{left:55px}
.uploaded-container .up-img-list:hover .iconfont{display:block}
.imgPreviewFull{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background-color:rgba(0,0,0,.5);text-align:center}
.imgPreviewFull::before{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}
.imgPreviewFull img{max-width:70%;max-height:80%;display:inline-block;vertical-align:middle}
.imgPreviewFull .close{width:40px;height:40px;position:absolute;top:20px;right:20px;text-align:center;line-height:40px;font-size:28px;color:#fff;cursor:pointer}
.imgPreviewFull .loadding{width:40px;height:40px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;display:inline-block;vertical-align:middle;-webkit-animation:rotateLoad 1s ease infinite;animation:rotateLoad 1s ease infinite}
@-webkit-keyframes rotateLoad{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}
}
@keyframes rotateLoad{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}
}
</style>
<link rel="stylesheet" href="__STATIC__/css/font_432129_vtly6whmbo0cc8fr.css" />
</head>
<body>
    <form method="post" enctype="multipart/form-data">
        <div class="uploaded-container clear">
            <section class="upload-button">
                <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
            </section>
        </div>
    </form>
    <script src="__STATIC__/jquery-1.10.2.min.js"></script>
    <script src="__STATIC__/imgUp.js"></script>
    <script>
        $("#file").Uploader({
            upload_target:'/index/index/upimg',
            remove_target:'/index/index/delImg',
            upload_session_name:'upload_imgs',
            input_name: 'images',
            numUp:2,
            thumb_input_name:"thumb"
        })
    </script>
</body>

</html>